<!DOCTYPE html>
<html lang="en" ng-app="main">
<head>
    <meta charset="UTF-8">
    <title>Title</title>ccc
    <script src="angular.min.js"></script>
    <script>
        let mod = angular.module('main',[]);
        mod.controller('mian',function ($scope) {
            $scope.arr = [{id:1,name:'北京'},{id:2,name:'上海'}]
            $scope.city = 1;
        })
    </script>
</head>
<body ng-controller="mian">
<!--一般写法-->
<select name="" id="">
    <option ng--repeat="json in arr" value="json.id">{{json.name}}</option>
</select>

<!--使用官方的ng-options-->
<!--ng-options='xxx in arr '  值 as item name-->
/*
格式：值 as 字 for item in arr，还必须得有ng-model
/*
<!--主要是太他娘的麻烦了。这是鸟蛋啊，还是用ng-repeat吧-->
<select name="" ng-model="city" ng-options="item.id as item.name for item in arr"></select>
<br>当前选中的项的value值为：{{city}}
</body>
</html>